@import url('../../reset.css');
@import url('../font/iconfont.css');

body {
  background-color: #f7f7f7;
  min-width: 1200px;
}

nav {
  width: 1200px;
  height: 88px;
  background-color: #fff;
  margin: 10px auto;
  padding: 0 10px;
}

.left-icon {
  width: 230px;
  height: inherit;
  float: left;
  background-color: #fff;
  background-image: url(../images/logo.png);
  background-position: left center;
  background-size: 56px;
  background-repeat: no-repeat;
  /*
    4、
      - 设置背景颜色为#fff
      - 背景图片为images文件夹中的logo.png
      - 背景定位为left、center
      - 背景大小为56px
      - 背景不能出现重复平铺
  */


}

.left-icon a {
  display: inline-block;
  width: inherit;
  height: inherit;
  text-indent: -9999rem;
  /* 5、请设置文本缩进为-9999rem */


}

.list {
  width: 840px;
  height: inherit;
  line-height: 88px;
  /* 6、请设置行高为88px */


}

.list li {
 padding: 0 10px;
  /* 7、请设置左右内填充为10px */


  float: left;
}

.list li a {
  color: #333;
  transition: color .2s;
  /* 8、请设置颜色的过渡时间为.2s */


}

.list li a:hover {
  color: #ff6a00;
}

.right-search {
  float: right;
  margin: 0;
  /* 9、请解决由于行内级元素或者行内块级元素换行所导致的多出5px间隙的问题 */


  padding: 19px 0;
}

.right-search input {
  width: 245px;
  height: 50px;
  padding: 0 10px;
}

.right-search input + i {
  width: 52px;
  height: 50px;
  color: #616161;
  padding: 1px 6px;

  /* 11、请设置元素的性质为行内块级元素 */
display: inline-block;
  
  vertical-align: middle;
  text-align: center;
  line-height: 50px;

  /* 10、请设置文本加粗显示 */
font-weight: bold;
  font-size: 20px;
}

.right-search input,
.right-search input + i {
  border: 1px solid #e0e0e0;
}